<div class="container">
  <div class="row">
    <div  class="col-sm-4">

      <div id="card-1" class="list-group">
        <a href="#" class="list-group-item title active">
         <h5>计划中</h5>
       </a>
        <a href="#" class="list-group-item ">
          <p class="list-group-item-heading">List group item heading</p>
        </a>
        <a href="#" class="list-group-item">
          <p class="list-group-item-heading">List group item heading</p>
        </a>
        <a href="#" class="list-group-item">
          <p class="list-group-item-heading">List group item heading</p>
        </a>
      </div>
    </div>
    <div  class="col-sm-4">

      <div id="card-2" class="list-group">
        <a href="#" class="list-group-item title active">
         <h5>进行中</h5>
       </a>
       <a href="#" class="list-group-item ">
         <p class="list-group-item-heading">List group item heading</p>
       </a>
       <a href="#" class="list-group-item">
         <p class="list-group-item-heading">List group item heading</p>
       </a>
       <a href="#" class="list-group-item">
         <p class="list-group-item-heading">List group item heading</p>
       </a>
      </div>
    </div>
    <div class="col-sm-4">
      <p id="react-content">DX3906 Star , a place where is building !</p>
      <ul>
        <li>学习计划</li>
        <li>任务</li>
      </ul>
    </div>
  </div>
</div>
